<!--# 依赖 jQuery\jbcommon\mootools\jspxnet #-->
<link rel="stylesheet" href="/share/icofont/v1/jbfontv1.css" />
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
    }

    a {
        cursor: pointer;
        color: #000;
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    .wrapper {
        margin-top: 70px;
    }

    /*----------------全站顶部系统菜单----------------*/
    .globalTopNav {
        position: fixed;
        z-index: 2;
        top: 0;
        width: 100%;
        min-width: 1300px;
        height: 70px;
        line-height: 70px;
        background-color: #fff;
        font-size: 16px;
        color: #333333;
    }

    .globalTopNav+* {
        margin-top: 70px;
    }

    .innGlobalTopNav {
        position: relative;
        width: 1300px;
        margin: 0 auto;
    }

    .innGlobalTopNav:after {
        content: "";
        clear: both;
        display: block;
        width: 0;
        height: 0;
    }

    .globalTopNav-logo {
        float: left;
        width: 200px;
        color: #333333;
        font-size: 24px;
    }

    .globalTopNav-nav {
        float: left;
        margin: auto;
        width: 720px;
        text-align: center;
    }

    .globalTopNav-nav-tit {
        position: relative;
        float: left;
        cursor: pointer;
        width: 120px;
        color: #000;
    }

    .globalTopNav-nav ul {
        position: absolute;
        z-index: 2;
        display: none;
        margin-top: 4px;
        background-color: #fff;
        border-top: 0;
        width: 100%;
        border-radius: 0 0 4px 4px;
        color: #333;
    }

    .globalTopNav-nav li {
        line-height: 40px;
    }

    .globalTopNav-nav a {
        color: #333;
        font-size: 14px;
    }

    /*hover*/
    .globalTopNav-nav-tit:hover {
        color: #e4461f;
        border-bottom: 4px solid #e4461f;
    }

    .globalTopNav-nav-tit:hover ul {
        display: block;
    }

    .globalTopNav-nav li:hover {
        background-color: #e4461f;
    }

    .globalTopNav-nav li:hover a {
        color: #fff;
    }

    .globalTopNav-oper {
        float: right;
        min-width: 300px;
        text-align: right;
        font-size: 14px;
        color: #333333;
    }

    .globalTopNav-oper-userImg {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        overflow: hidden;
    }

    .globalTopNav-oper-btn {
        display: inline-block;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        background-color: #f8f8f8;
        color: #666;
        text-align: center;
        font-size: 16px;
    }

    .globalTopNav-oper-config {
        position: relative;
        display: inline-block;
        margin-left: 10px;
    }

    .globalTopNav-oper-config .innConfig {
        position: absolute;
        z-index: 2;
        right: 0;
        margin-right: -50%;
        display: none;
        border-top: 4px solid #e4461f;
        width: 870px;
        overflow: hidden;
        background-color: #ffffff;
        line-height: normal;
    }

    .globalTopNav-oper-config .group {
        float: left;
        width: 16.66%;
        text-align: center;
    }

    .globalTopNav-oper-config .t {
        line-height: 40px;
        height: 40px;
        color: #999999;
    }

    .globalTopNav-oper-config li {
        padding: 10px 0;
    }

    .globalTopNav-oper-config a {
        color: #333333;
    }

    .globalTopNav-oper-userInfo {
        position: relative;
        display: inline-block;
        margin-left: 10px;
    }

    .globalTopNav-oper-userInfo a {
        display: block;
    }

    .globalTopNav-oper-userInfo .innUserInfo {
        position: absolute;
        z-index: 2;
        margin-right: -50%;
        right: 0;
        display: none;
        border-top: 4px solid #e4461f;
        width: 80px;
        overflow: hidden;
        background-color: #ffffff;
        line-height: normal;
        text-align: center;
    }

    .globalTopNav-oper-userInfo .innUserInfo>* {
        line-height: 40px;
    }

    /*hover*/
    .globalTopNav-oper-config:hover .globalTopNav-oper-btn {
        background-color: #fff1ee;
        color: #e4461f;
    }

    .globalTopNav-oper-config:hover .innConfig,
    .globalTopNav-oper-userInfo:hover .innUserInfo {
        display: block;
    }

    .globalTopNav-oper-config li:hover,
    .globalTopNav-oper-userInfo a:hover {
        color: #fff;
        background-color: #e4461f;
    }

    .globalTopNav-oper-config li:hover a {
        color: #fff;
    }

    /*--------------------媒体查询--------------------*/
    @media (max-width: 1320px) {
        .globalTopNav {
            position: absolute;
        }
    }
</style>
<div id="globalTopNav" class="globalTopNav">
    <div class="innGlobalTopNav">
        <div class="globalTopNav-logo">晶石创智</div>
        <div class="globalTopNav-nav">
            <div class="globalTopNav-nav-tit">首页</div>
        </div>
        <div class="globalTopNav-oper">
            <div id="globalTopNav-notLogin">
                <a
                    id="loginAlert"
                    onclick="loginDlg()"
                    href="javascript:"
                    class="tit">游客请:登录</a>
                <a href="/user/reguser.jhtml">注册</a>
                <a href="/user/phonefindpassword.jhtml">找回密码</a>
            </div>
            <div id="globalTopNav-login">
                <!--            空间-->
                <div class="globalTopNav-oper-userInfo">
                    <a
                        class="globalTopNav-oper-btn jbfontv1 jFI-Blog"
                        href="/user/listmsg.jhtml"></a>
                    <div class="innUserInfo">
                        <ul>
                            <li>
                                <a
                                    href="/juweb/user/followbloglist.jhtml?boxType=4">我的空间</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=0">个性化设计</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=1">资料及访问权限</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=2">博文分类设置</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--            好友-->
                <div class="globalTopNav-oper-userInfo">
                    <a
                        class="globalTopNav-oper-btn jbfontv1 jFI-Friends"
                        href="/user/listmsg.jhtml"></a>
                    <div class="innUserInfo">
                        <ul>
                            <li>
                                <a
                                    href="/juweb/user/followbloglist.jhtml?boxType=4">好友动态</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=0">我的好友</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=1">我关注的</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=2">我的粉丝</a>
                            </li>
                            <li>
                                <a href="/user/listfollow.jhtml?currentCon=3">我的黑名单</a>
                            </li>
                            <li>
                                <a href="/user/listvisitor.jhtml">我的访客</a>
                            </li>
                            <li>
                                <a href="/user/listcontacts.jhtml">测试链接添加好友页</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--            收藏-->
                <div class="globalTopNav-oper-userInfo">
                    <a class="globalTopNav-oper-btn jbfontv1 jFI-Favorfill" href="/user/listmsg.jhtml"></a>
                    <div class="innUserInfo">
                        <ul>
                            <li><a href=" /juweb/user/followbloglist.jhtml?boxType=4">关注的店铺</a></li>
                            <li> <a href="/user/listfollow.jhtml?currentCon=0">收藏的商品</a> </li>
                            <li> <a href="/user/listfollow.jhtml?currentCon=1">收藏的社区帖子</a> </li>
                            <li> <a href="/user/listfollow.jhtml?currentCon=2">收藏的文章</a></li>
                        </ul>
                    </div>
                </div>
                <!--            信息-->
                <div class="globalTopNav-oper-userInfo">
                    <a
                        class="globalTopNav-oper-btn jbfontv1 jFI-Message"
                        href="/user/listmsg.jhtml"></a>
                </div>
                <!--            购物车-->
                <div class="globalTopNav-oper-userInfo">
                    <a
                        class="globalTopNav-oper-btn jbfontv1 jFI-ShopCar"
                        href="/user/listmsg.jhtml"></a>
                </div>
                <!--            用户头像-->
                <div class="globalTopNav-oper-config">
                    <img
                        id="globalTopNavImage"
                        class="globalTopNav-oper-userImg"
                        onerror="jQuery(this).attr('src','/share/pimg/basesys/userimg_none.gif')"
                        alt="" />
                    <div class="innConfig">
                        <div class="group">
                            <div class="t">系统应用</div>
                            <ul>
                                <li onclick="sessionStorage.clear()">
                                    <a href="javascript:goOrganManager()">我的机构后台</a>
                                </li>
                                <li><a href="">投诉建议</a></li>
                                <li>
                                    <a href="javascript:exitLogin()">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <div class="group">
                            <div class="t">安全设置</div>
                            <ul>
                                <li>
                                    <a href="/user/resetpassword.jhtml">修改登录密码</a>
                                </li>
                                <li>
                                    <a href="/user/verifymode.jhtml">手机及账号绑定</a>
                                </li>
                                <li><a href="">密保问题</a></li>
                            </ul>
                        </div>
                        <div class="group">
                            <div class="t">应聘求职</div>
                            <ul>
                                <li><a href="">修改求职简历</a></li>
                                <li><a href="">应聘管理</a></li>
                                <li><a href="">职位推荐</a></li>
                            </ul>
                        </div>
                        <div class="group">
                            <div class="t">交互社区</div>
                            <ul>
                                <li><a href="">我发的帖子</a></li>
                                <li><a href="">我的精华帖</a></li>
                                <li><a href="">收到的回复</a></li>
                                <li><a href="">收藏的帖子</a></li>
                            </ul>
                        </div>
                        <div class="group">
                            <div class="t">购物管理</div>
                            <ul>
                                <li><a href="">购物收藏夹</a></li>
                                <li><a href="">订单管理</a></li>
                                <li><a href="">售后维修</a></li>
                                <li><a href="">发票管理</a></li>
                                <li><a href="">积分管理</a></li>
                                <li><a href="">优惠券及红包</a></li>
                                <li><a href="">我的会员卡</a></li>
                                <li><a href="">修改收货地址</a></li>
                            </ul>
                        </div>
                        <div class="group">
                            <div class="t">会员中心</div>
                            <ul>
                                <li><a href="/user/main.html">个人中心</a></li>
                                <li><a href="">资金账户</a></li>
                                <li><a href="">兴趣设置</a></li>
                                <li>
                                    <a href="/user/edituser.jhtml?currentCon=0">资料及头像</a>
                                </li>
                                <li><a href="">我的荣誉</a></li>
                                <li><a href="">浏览记录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    (function () {
        if (localStorage.user) {
            document.getElementById("globalTopNav-login").style.display = "block";
            document.getElementById("globalTopNav-notLogin").style.display = "none";
            document.getElementById("globalTopNavImage").src = getUser().faceImage;
        } else {
            document.getElementById("globalTopNav-login").style.display = "none";
            document.getElementById("globalTopNav-notLogin").style.display = "block";
        }
    })();
</script>